<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/css/back/userRegister.css">
    <title>Title</title>
    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/myAjax.js"></script>
    <script src="../../js/back/UseEdit.js"></script>
</head>
<body>
<div class="userRegister">
    <div>
        <!--    action提交到后台servlet的入口方法名称    -->
        <div>用户名：<input type="text" id="username" name="username" onblur="checkUsername()">
            <label id="usernameTip"></label>
        </div>
        <div>密码：<input type="password" id="password" name="password"></div>
        <div>重新输入密码:<input type="password" id="rePassword" name="rePassword"
                           onblur="checkPassword()">
            <label id="passwordTip"></label>
        </div>
        <div>验证码:<input type="text" id="code" name="code" pattern="\w{4}">
            <img src="/code">
        </div>
        <div>手机号：<input type="text" id="phone" name="phone" onclick="checkPhone()">
            <label id="phoneTip"></label>
        </div>
        <div>性别:
            <label><input type="radio" name="sex" value="保密" checked>保密</label>
            <input type="radio" name="sex" value="男" id="nan"><label for="nan">男</label>
            <label><input name="sex" type="radio" value="女">女</label>
        </div>
        <div>生日:<input type="date" name="birthday" id="birthday"></div>
        <div>爱好:
            <label><input type="checkbox" name="hobby" value="羽毛球">羽毛球</label>
            <label><input type="checkbox" name="hobby" value="乒乓球">乒乓球</label>
            <label><input type="checkbox" name="hobby" value="足球">足球</label>
            <label><input type="checkbox" name="hobby" value="篮球">篮球</label>
        </div>
        <div>自我评价:<textarea id="introduce" name="introduce"></textarea></div>
        <div class="userRegister-button">
            <input type="button" value="保存" onclick="save()">
            <input type="reset" value="清空">
        </div>
    </div>

</div>
</body>
</html>